<template>
	<view>
		<view class="column-css view-centet">
			<view class="row-css" style="align-items: center;">
				<view class="tipsBox">
					<view class="messagetips" @click.stop="jumpMessage()">
						<image style="width: 20rpx;height: 20rpx;padding-right: 10rpx;" mode="aspectFit" src="../../static/tips.png"></image>
						<text :class="messagetips?'tipstext':''" v-if="messagetips ">{{messagetips}}</text>
						<text :class="messagetips?'tipstext':''" v-if="!messagetips && buesinessNum"></text>
					</view>
				</view>
				<view class="row-css" style="flex: 1; align-items: center;">
					<view style="width: 200rpx;height: 200rpx;">
						<view style="width: 200rpx;height: 200rpx; border-radius: 50%;overflow:hidden;"
							@click="onLoginout">
							<image style="width: 200rpx;height: 200rpx;border-radius: 50%;overflow:hidden;"
								:src="userInfo.driverId?'../../static/icon_person.png':'../../static/icon_mine.png'">
							</image>
						</view>
					</view>
					<view v-if="userInfo.driverId" class="column-css"
						style="width: 100%; text-align: left;font-size: 32rpx;justify-content: center;padding: 20rpx;">
						<view class="row-css" style="align-items: center;text-align: center;">
							<view style="font-size: 30rpx;">{{userInfo.driverName == ''? '用户名': userInfo.driverName}}
							</view>
							<image style="width: 38rpx;height: 33rpx;margin-top: 5rpx; margin-left: 10rpx;"
								mode="aspectFit" src="../../static/icon_certification.png"></image>
						</view>
						<view v-if="userInfo.isLocation == 0" class="row-css"
							style="font-size: 24rpx;padding: 15rpx 0;justify-content: space-between;align-items: center;"
							@click="ontoauthorize">
							<view class="row-css">
								{{ userInfo.mobile }}
								<!-- <text style="color: #E04B28;">(基站定位未授权)</text> -->
							</view>

							<!-- <image style="width: 28rpx;height: 28rpx;" src="../../static/icon_enter.png"></image> -->
						</view>
						<view v-else style="font-size: 24rpx;padding: 15rpx 0;">{{ userInfo.mobile }}</view>
						<!-- <view style="font-size: 24rpx;padding: 15rpx 0;">{{ userInfo.mobile }}</view> -->
						<view v-if="userInfo.plateNo" style="font-size: 24rpx;margin-top: 10rpx;">
							<text
								style="border: 1rpx solid #2979FF;color: #2979FF;padding: 10rpx;border-radius: 10rpx;">{{ userInfo.plateNo }}</text>
						</view>
					</view>
					<view v-else
						style="flex: 1;height: 150rpx;line-height: 150rpx;text-align: left; margin-left: 30rpx;"
						@click="onLogin()">注册 / 登录</view>
				</view>
			</view>
			<view v-if="userInfo.driverId" style="width: 100%;text-align: right;"><text
					style="border-bottom: 1rpx solid #999999;" @click="onIntegral">我的积分：{{userInfo.gradeTotal}}</text>
			</view>
		</view>

		<view class="row-css" style="padding: 20rpx;align-items: center;">
			<view class="line"></view>
			<view>司机信息</view>
		</view>

		<view class="row-css" style="justify-content: space-between;padding: 40rpx 0;">
			<view style="text-align: center;width: 25%;" @click="oninformation(1)">
				<image style="width: 66rpx;height: 66rpx;" mode="aspectFit" src="../../static/personal_information.png">
				</image>
				<view>个人信息</view>
			</view>
			<view style="text-align: center;width: 25%;" @click="oninformation(2)">
				<image style="width: 66rpx;height: 66rpx;" mode="aspectFit" src="../../static/vehicle_information.png">
				</image>
				<view>车辆信息</view>
			</view>
			<view style="text-align: center;width: 25%;" @click="oninformation(3)">
				<image style="width: 66rpx;height: 66rpx;" mode="aspectFit" src="../../static/billing_message.png">
				</image>
				<view>收款信息</view>
			</view>
			<view style="text-align: center;width: 25%;" @click="oninformation(4)">
				<image style="width: 66rpx;height: 66rpx;" mode="aspectFit" src="../../static/signing_information.png">
				</image>
				<view>签约中心</view>
			</view>
		</view>
		<view class="row-css" style="padding: 40rpx 0;">
			<view style="text-align: center;width: 25%;" @click="oninformation(5)">
				<image style="width: 66rpx;height: 66rpx;" mode="aspectFit" src="../../static/waybill_information.png">
				</image>
				<view>我的运单</view>
			</view>
			<view style="text-align: center;width: 25%;" @click="oninformation(6)">
				<image style="width: 66rpx;height: 66rpx;" mode="aspectFit" src="../../static/entrustedpayee.png">
				</image>
				<view>委托收款人</view>
				<!-- <view>{{title}}</view> -->
			</view>
			<view style="text-align: center;width: 25%;" @click="oninformation(7)">
				<image style="width: 66rpx;height: 66rpx;" mode="aspectFit" src="../../static/stockRoute.png"></image>
				<view>常跑路线</view>
			</view>
			
		<!-- 	<view style="text-align: center;width: 25%;" @click="oninformation(8)">
				<image style="width: 66rpx;height: 66rpx;" mode="aspectFit" src="../../static/stockRoute.png"></image>
				<view>我的钱包</view>
			</view> -->
			
			<!-- <view style="text-align: center;width: 25%;" @click="callPhone">
				<image style="width: 66rpx;height: 66rpx;" mode="aspectFit" src="../../static/personal_phone.png"></image>
				<view>客服热线</view>
			</view> -->
			
			<view style="text-align: center;width: 25%;" @click="help">
				<image style="width: 66rpx;height: 66rpx;" mode="aspectFit" src="../../static/personal_help.png"></image>
				<view>帮助中心</view>
			</view>
		</view>
		<view class="row-css" style="padding: 40rpx 0;" v-if="isCumomer || isShowDriver">
			<view style="text-align: center;width: 25%;position: relative;" @click="customer">
				<text class="noread" v-show="noRead>0">{{noRead<99?noRead:'99+'}}</text>
				<image style="width: 66rpx;height: 66rpx;" mode="aspectFit" src="../../static/personal_help.png"></image>
				<view>在线客服</view>
			</view>
		</view>
		<view v-if="userInfo.mobile">
			<view v-if='isIosApp' class="del-btn" @click="ondel">注销账号</view>
			<!-- <view class="del-btn" @click="onSetToken">token修改</view> -->
		</view>
		<callPhoneModal :show="callPhoneModalShow" @close="callPhoneModalShow = false"></callPhoneModal>
	</view>
</template>

<script>
	import callPhoneModal from "@/components/callPhoneModal/callPhoneModal.vue"
	export default {
		components: {
			callPhoneModal
		},
		data() {
			return {
				userInfo: {},
				count: {},
				base64Url: '',
				expireDate: '',
				certificationtype: '',
				messagetips:'',
				daibanNum:'',
				buesinessNum:'',
				// #ifdef MP-WEIXIN
				title:"委托收款人",
				// #endif
				// // #ifdef MP-WEIXIN
				// title:"运力伙伴"
				// // #endif
				callPhoneModalShow: false,
				isCumomer: true,
				noRead: 0,
				isShowDriver: ''
				
			};
		},
		onLoad: function(options) {
			// #ifdef APP-PLUS
			this.isIosApp = uni.getSystemInfoSync().platform === 'ios'
			// #endif  
			this.userInfo = uni.getStorageSync(this.DATA_KEY.userInfo);
			// #ifdef APP-PLUS
			let that = this;
			plus.share.getServices(
				function(s) {
					var shares = {};
					for (var i = 0; i < s.length; i++) {
						var t = s[i];
						console.log('ss===========', t);
						shares[t.id] = t;
						console.log(t.id);
					}
					var sweixin = shares['weixin'];
					that.setData({
						sweixin: sweixin
					});
				},
				function(e) {
					console.log('获取分享服务列表失败：' + e.message);
				}
			);
			// #endif
		},
		onShow: function() {
			this.getIsCumomer()
			this.userInfo = uni.getStorageSync(this.DATA_KEY.userInfo);
			this.getMessage()
			if (this.userInfo.mobile) {
				let driverId = uni.getStorageSync(this.DATA_KEY.userInfo).driverId;
				this.wxRequest({
					url: `${this.API}/driverService/getDriverInfoByDriverID?driver_id=` + this.userInfo
						.driverId + '&etp_id=' + uni.getStorageSync(this.DATA_KEY.etpId),
					method: 'POST',
					title: '加载中...',
					success: res => {
						this.userInfo = res.data.data.userModel;
						uni.setStorageSync(this.DATA_KEY.userInfo, res.data.data.userModel);
						if (
							res.data.data.userModel.etpId != '' &&
							res.data.data.userModel.etpName != '' &&
							!uni.getStorageSync(this.DATA_KEY.etpId) &&
							!uni.getStorageSync(this.DATA_KEY.etpName)
						) {
							uni.setStorageSync(this.DATA_KEY.etpId, res.data.data.userModel.etpId);
							uni.setStorageSync(this.DATA_KEY.etpName, res.data.data.userModel.etpName);
						} else if (res.data.data.userModel.etpId == '' && res.data.data.userModel
							.etpName == '') {
							uni.setStorageSync(this.DATA_KEY.etpId, '');
							uni.setStorageSync(this.DATA_KEY.etpName, '');
						}
						let that = this;
						that.wxRequest({
							url: `${that.API}/driverService/checkQualifications`,
							method: 'POST',
							title: '加载中...',
							data: {
								driverId: uni.getStorageSync(that.DATA_KEY.userInfo).driverId,
								etpId: uni.getStorageSync(that.DATA_KEY.etpId),
								waybillId: ''
							},
							success: async res => {}
						})
					}
				});
			}
		},
		methods: {
			getIsCumomer(){
				this.wxRequest({
					url: `${this.API}/dic/queryDicDetail?dicType=CUSTOM_IS_SHOW_MENU`,
					method: 'GET',
					data: { },
					success: res => {
						// console.log(res.data)
						this.isCumomer = res.data.data[0].dicValue == 1?true:false
						
					}
				})
				this.wxRequest({
					url: `${this.API}/dic/queryDicDetail?dicType=CUSTOM_TEST_DRIVER_LIST`,
					method: 'GET',
					data: { },
					success: res => {
						console.log(res.data.data)
						this.isShowDriver = res.data.data.find(item => {
							return item.dicValue == uni.getStorageSync(this.DATA_KEY.userInfo).driverId
						})
						console.log(this.isShowDriver)
					}
				})
				this.wxRequest({
					url: `${this.API}/customer/chatSession/page`,
					method: 'POST',
					data: { 
						readType:'', //未读0·已读1 
						"pageNum":1,
						"pageSize": 20,
						"groupId": uni.getStorageSync(this.DATA_KEY.userInfo).driverId,
					},
					success: res => {
						console.log(res.data.data)
						let data = res.data.data
						this.noRead = data.list[0].unreadCount
						
					}
				})
			},
			// onSetToken() {
			// 	let token = uni.getStorageSync('token') + Math.random()*10
			// 	uni.setStorageSync('token')
			// 	uni.showToast({
			// 		title: '修改成功'
			// 	})
			// },
			//获取消息中心按钮展示什么数据
			getMessage(){
				console.log(this.userInfo.driverId,11111111111111111)
				this.wxRequest({
					url: `${this.API}/driverMessageCommon/queryBellNum`,
					method: 'POST',
					data: {  "driverId": this.userInfo.driverId, "etpId": uni.getStorageSync(this.DATA_KEY.etpId) },
					success: res => {
						console.log(res)
						if(res.data.code == 0){
							let info =  res.data.data
							// businessdriver 业务进度capitaldriver 资金变动  certification账号资质
							if(!info.certificationNum && info.buesinessNum && !info.daibanNum && !info.capiatlNum){
								this.messagetips = ''
								this.buesinessNum  =  info.buesinessNum 
							}else{
								this.messagetips = info.certificationNum + info.capiatlNum + info.daibanNum
								this.daibanNum = info.daibanNum
								this.buesinessNum =  info.buesinessNum
							}
						}
					}
				})
			},
			//跳转到消息中心页面
			jumpMessage(){
				uni.navigateTo({
					url: '/pages/message/index'
				});
			},
			onLogin() {
				if (this.userInfo.mobilePhone != '') {
					// #ifdef MP-WEIXIN
					uni.navigateTo({
						// url: '/pages/personal/quicklogin'
						url: '/pages/personal/login'
					});
					// #endif
					// #ifdef APP-PLUS
					uni.navigateTo({
						url: '../personal/login'
					});
					// #endif
				}
			},
			ondel() {
				let that = this;
				if (that.userInfo.mobile) {
					uni.showModal({
						title: '提示',
						content: '是否注销账号?',
						success: function(res) {
							if (res.confirm) {
								uni.setStorageSync(that.DATA_KEY.userInfo, '');
								uni.setStorageSync(that.DATA_KEY.token, '');
								uni.setStorageSync(that.DATA_KEY.etpId, '');
								uni.setStorageSync(that.DATA_KEY.etpName, '');
								uni.setStorageSync(that.DATA_KEY.oldTime, '');
								uni.setStorageSync(that.DATA_KEY.loadingOrderId, '');
								uni.switchTab({
									url: '../index/taskhome'
								});
								console.log('确定');
							} else if (res.cancel) {
								console.log('取消');
							}
						}
					});
				}
			},
			onLoginout() {
				let that = this;
				// #ifdef MP-WEIXIN
				if (that.userInfo.mobile) {
					uni.showModal({
						title: '提示',
						content: '是否退出登录?',
						success: function(res) {
							if (res.confirm) {
								that.wxRequest({
									url: `${that.API}/miniApp/auth/wxLogout`,
									method: 'POST',
									title: '加载中...',
									success: res => {
										uni.setStorageSync(that.DATA_KEY.userInfo, '');
										uni.setStorageSync(that.DATA_KEY.token, '');
										uni.setStorageSync(that.DATA_KEY.etpId, '');
										uni.setStorageSync(that.DATA_KEY.etpName, '');
										uni.setStorageSync(that.DATA_KEY.oldTime, '');
										uni.setStorageSync(that.DATA_KEY.loadingOrderId, '');
										uni.removeStorageSync('loginType');
										uni.switchTab({
											url: '../index/taskhome'
										});
									}
								})
								console.log('确定');
							} else if (res.cancel) {
								console.log('取消');
							}
						}
					});
				}
				// #endif
				// #ifdef APP-PLUS
				if (that.userInfo.mobile) {
				  uni.navigateTo({
				  	url:'/pages/personal/setup'
				  })
				  }
				// #endif
			},
			ontoauthorize() {
			
				// uni.navigateTo({
				// 	url: `../personal/locationauthorization`
				// });
			},
			toFeedback: function() {
				uni.navigateTo({
					url: '/pages/my/helpFeedback'
				});
			},
			toContact: function() {
				uni.navigateTo({
					url: '/pages/my/aboutUs'
				});
			},
			toFeatures: function() {
				uni.navigateTo({
					url: '/pages/my/introduction'
				});
			},
			oninformation(index) {
				// let toBase64Url;
				// uni.request({
				// 	url: 'https://y2t-nfp-dev-1258746579.cos.ap-guangzhou.myqcloud.com/17c71d650865473c94e8470d44daa920.png',
				// 	method: 'GET',
				// 	responseType: "arraybuffer",
				// 	success: async res => {
				// 		let base64 = uni.arrayBufferToBase64(res.data); //把arraybuffer转成base64
				// 		toBase64Url = 'data:image/jpeg;base64,' + base64; //不加上这串字符，在页面无法显示
				// 		console.log("base64：",toBase64Url);
				// 		this.showImg= toBase64Url;
				// 	}
				// });

				// uni.navigateToMiniProgram({
				// 	appId: 'wxfd2861dc1c86b3a0',
				// 	path: 'pages/verify/info/index?id=2021091714433809160459',
				// 	envVersion: 'release',
				// 	success(res) {
				// 		console.log('跳转成功');
				// 	},
				// 	fail(res) {
				// 		console.log('跳转失败' + JSON.stringify(res));
				// 	}
				// });

				if (!this.userInfo.mobile) {
					// #ifdef MP-WEIXIN
					uni.navigateTo({
						// url: '/pages/personal/quicklogin'
						url: '/pages/personal/login'
					});
					// #endif
					// #ifdef APP-PLUS
					uni.navigateTo({
						url: '../personal/login'
					});
					// #endif
					return;
				}
				// if (this.userInfo.status == -1) {
				// 	uni.navigateTo({
				// 		url: `../personal/driverregistration`
				// 	});
				// 	return;
				// }
				switch (index) {
					case 1:
						if (this.userInfo.idcard == '') {
							if (this.userInfo.status > 2) {
								uni.navigateTo({
									url: `../personal/informationSting`
								});
								return
							}
							uni.navigateTo({
								url: `../personal/driverregistration`
							});
						} else {
							uni.navigateTo({
								url: `../personal/informationSting`
							});
						}
						break;
					case 2:
						if (this.userInfo.idcard == '') {
							if (this.userInfo.idcard) {
								uni.navigateTo({
									url: `/pages/vehicle/vehiclelist`
								});
								return
							}
							uni.navigateTo({
								url: `../personal/driverregistration`
							});
						} else {
							uni.navigateTo({
								url: `/pages/vehicle/vehiclelist`
							});
						}
						break;
					case 3:
						if (this.userInfo.idcard == '' || this.userInfo.livingBodyState == '0') {
							if (this.userInfo.status == 4) {
								uni.navigateTo({
									url: `../personal/informationSting`
								});
								return
							}
							uni.navigateTo({
								url: `../personal/driverregistration`
							});
						} else {
							uni.navigateTo({
								url: `../personal/billingmessage`
							});
						}
						break;
					case 4:
						// if (this.userInfo.idcard == '') {
						// 	uni.navigateTo({
						// 		url: `../personal/driverregistration`
						// 	});
						// }else{
						// 	this.wxRequest({
						// 		url: `${this.API}/driverService/checkQualifications`,
						// 		method: 'POST',
						// 		title: '加载中...',
						// 		data: {
						// 			driverId: uni.getStorageSync(this.DATA_KEY.userInfo).driverId,
						// 			etpId: uni.getStorageSync(this.DATA_KEY.etpId)
						// 		},
						// 		success: res => {
						//			uni.setStorageSync(this.DATA_KEY.platformCoNo, res.data.data.platformCoNo);
						// 			if (uni.getStorageSync(this.DATA_KEY.userInfo).idcard == '' || res.data.data.realNameStatus != 1) {
						// 				uni.navigateTo({
						// 					url: `../personal/driverregistration?isdriverId=true`
						// 				});
						// 			} else if(res.data.data.vehicleStatus != 1){
						// 				uni.navigateTo({
						// 					url: `../personal/vehiclelist`
						// 				});
						// 			}else{
						// 				uni.navigateTo({
						// 					url: `../personal/signinglist`
						// 				});
						// 			}
						// 		}
						// 	});
						// }

						uni.navigateTo({
							url: `../personal/signinglist`
						});
						break;
					case 5:
						uni.navigateTo({
							url: `../personal/waybilllist`
						});
						
						break;
					case 6:
						// if (this.userInfo.idcard == '') {
						// 	uni.navigateTo({
						// 		url: `../personal/driverregistration`
						// 	});
						// } else {
							this.wxRequest({
								url: `${this.API}/driverService/delegatedPayee`,
								method: 'POST',
								title: '加载中...',
								data: {
									  "driverId": this.userInfo.driverId,
										etpId: uni.getStorageSync(this.DATA_KEY.etpId)
								},
								title: '申请中...',
								success: res => {
									// console.log(res.data.data == 4)
									if(res.data.data == 1){
										uni.navigateTo({
											url: '../personal/review?isw=1'
										});
									}else if(res.data.data == 4){
										console.log(res.data.data == 4,111111111111111111111111)
										uni.navigateTo({
											url: `../personal/openpayeewallet`
										});
									}else if(res.data.data == 2){
										uni.navigateTo({
											url: `../personal/openedentrustedwallet`
										});
									}else{
										if (this.userInfo.captainPayeeStatus == 1) {
											uni.navigateTo({
												url: `../personal/openpayeewallet`
											});
										} else if (this.userInfo.captainPayeeStatus == 2) {
											uni.navigateTo({
												url: '../personal/review?isw=1'
											});
										} else if (this.userInfo.captainPayeeStatus == 3) {
											uni.navigateTo({
												url: `../personal/openedentrustedwallet`
											});
											// uni.navigateTo({
											// 	url:"/pages/partner/home/index"
											// })
										} else {
											uni.navigateTo({
												url: `../personal/openpayeewallet`
											});
										}
									}
								}
							});
							// (1-未申请, 2-申请中, 3-审核通过, 4-驳回)
							
						// }
						break;
					case 7:
					  // #ifdef MP-WEIXIN
						uni.navigateTo({
							url: `/pages/market/stockRoute`
						});
						// #endif
						
						// #ifdef APP-PLUS
						   uni.showModal({
						   	title:"运力伙伴"
						   })
						// #endif
						break;
					case 8:
						uni.navigateTo({
							url: `/pages/wallet/index`
						});
						break;	
					default:
						break;
				}
			},
			onIntegral() {
				//我的积分
				uni.navigateTo({
					url: `../personal/myscores`
				});
			},
			// 客服电话
			callPhone() {
				if (!this.userInfo.mobile) {
					// #ifdef MP-WEIXIN
					uni.navigateTo({
						// url: '/pages/personal/quicklogin'
						url: '/pages/personal/login'
					});
					// #endif
					// #ifdef APP-PLUS
					uni.navigateTo({
						url: '/pages/personal/login'
					});
					// #endif
					return;
				}
				this.callPhoneModalShow = true
			},
			help() {
				if (!this.userInfo.mobile) {
					// #ifdef MP-WEIXIN
					uni.navigateTo({
						// url: '/pages/personal/quicklogin'
						url: '/pages/personal/login'
					});
					// #endif
					// #ifdef APP-PLUS
					uni.navigateTo({
						url: '/pages/personal/login'
					});
					// #endif
					return;
				}
				uni.navigateTo({
					url: "/pages/service/help"
				})
			},
			customer() {
				if (!this.userInfo.mobile) {
					// #ifdef MP-WEIXIN
					uni.navigateTo({
						// url: '/pages/personal/quicklogin'
						url: '/pages/personal/login'
					});
					// #endif
					// #ifdef APP-PLUS
					uni.navigateTo({
						url: '/pages/personal/login'
					});
					// #endif
					return;
				}
				uni.navigateTo({
					url: "/pages/service/customer"
				})
			}
		}
	};
</script>

<style lang="scss">
	page {
		background-color: #ffffff;
		height: 100%;
	}

	.del-btn {
		position: absolute;
		left: 0;
		bottom: 30rpx;
		width: 90vw;
		// height: 50rpx;
		text-align: center;
		line-height: 80rpx;
		background: #2979ff;
		color: #ffffff;
		margin-left: 5vw;
		border-radius: 15rpx;
	}

	.row-css {
		display: flex;
		flex-direction: row;
		.noread{
			color: #fff;
			background: #ff1606;
			height: 40rpx;
			min-width: 36rpx;
			position: absolute;
			top: 0;
			right: 30rpx;
			border-radius: 14rpx;
			line-height: 40rpx;
			text-align: center;
			padding: 0 4rpx;
		}
	}

	.column-css {
		display: flex;
		flex-direction: column;
	}

	.view-centet {
		background-image: linear-gradient(#eef5ff, #d9e7ff);
		justify-content: space-between;
		text-align: center;
		padding: 40rpx;
		padding-right: 30rpx;
		color: #2979ff;
	}

	.view-certification {
		border: 3rpx solid #2979ff;
		border-radius: 50rpx;
		padding: 10rpx 10rpx;
		font-size: 28rpx;
	}

	.view-tocertification {
		background: #2979ff;
		border-radius: 50rpx;
		padding: 10rpx 20rpx;
		font-size: 28rpx;
		color: #ffffff;
	}

	.other-list {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #333333;
		margin: 20rpx;
		background: #ffffff;
		padding: 30rpx 20rpx;
	}

	.line {
		background-color: #4089ff;
		margin-right: 15rpx;
		height: 30rpx;
		width: 6rpx;
	}
	.messagetips{
		float: right;
		position: relative;
		right: 0;
		text{
			padding: 10rpx;
			color: #FFFFFF;
			border-radius: 10rpx;
			right: 5rpx;
			background: #ff1606;
			position: absolute;
			font-size: 24rpx;
		}
		.tipstext{
			padding: 0rpx 8rpx;
			border-radius: 12rpx;
			right: -6rpx;
			top: -10rpx;
		}
	}
	.tipsBox{
		position: absolute;
		right: 20rpx;
		top: 20rpx;
	}
	.callPhoneModal-wrapper {
		background-color: #fff;
		width: 500rpx;
		border-radius: 20rpx;
		.callPhoneModal-head {
			padding: 20rpx;
			font-size: 30rpx;
			font-weight: bold;
			text-align: center;
		}
		.callPhoneModal-content {
			font-size: 28rpx;
			color: #333333;
			padding: 30rpx;
			.callPhoneModal-content-phone {
				display: flex;
				align-items: center;
			}
		}
	}
	
</style>
